<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>报备管理</title>
        <meta name="viewport" content="width=device-width,target-densitydpi=high-dpi,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0"/>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <link href="css/bootstrap-datetimepicker.css" rel="stylesheet" />
        <link href="css/bootstrap.min.css" rel="stylesheet" />
        <link href="fontAwesome/css/font-awesome.min.css" rel="stylesheet">
        <link href="css/common.css" rel="stylesheet" />
        <link href="css/main.css" rel="stylesheet" />
        <script type="text/javascript" src="js/jquery.min.js"></script>
        <script type="text/javascript" src="js/bootstrap-datetimepicker.js"></script>
        <script type="text/javascript" src="js/bootstrap.js"></script>
</head>
<body>
  <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
    <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="#">渠道管理<span class="f12">&nbsp;&nbsp;ERP</span></a>
    </div>
    <div id="navbar" class="collapse navbar-collapse">
      <ul class="nav navbar-nav">
        <li class="active"><a href="javascript:;">首页</a></li>
        <li><a href="javascript:;">机构管理</a></li>
        <li><a href="javascript:;">报备管理</a></li>
      </ul>
      <div class="login-settings">
        <a href="javascript:;" class="clearfix"  data-toggle="popover">
          <div class="loginImg"></div>
          <div class="loginName">木头</div>
          <i class="fa fa-caret-down"></i>
        </a>
      </div>
    </div>
  </nav>
  <div class="sidebar">
    <ul class="nav nav-sidebar">
      <li class="nav-parent">
          <a href="#" class="nav-parent-title"><i class="fa fa-th-large iconLeft"></i>首页<i class="fa fa-angle-down iconRight"></i></a>
          <ul class="nav nav-children">
              <li><a href="javascript:;"><i class="fa fa-circle iconLeft"></i>二级导航</a></li>
              <li><a href="javascript:;"><i class="fa fa-circle iconLeft"></i>二级导航</a></li>
              <li><a href="javascript:;"><i class="fa fa-circle iconLeft"></i>二级导航</a></li>
          </ul>
      </li>
      <li class="nav-parent">
          <a href="#" class="nav-parent-title"><i class="fa fa-sitemap iconLeft"></i>机构管理<i class="fa fa-angle-down iconRight"></i></a>
          <ul class="nav nav-children">
              <li><a href="javascript:;"><i class="fa fa-circle iconLeft"></i>二级导航</a></li>
              <li><a href="javascript:;"><i class="fa fa-circle iconLeft"></i>二级导航</a></li>
              <li><a href="javascript:;"><i class="fa fa-circle iconLeft"></i>二级导航</a></li>
          </ul>
      </li>
      <li class="nav-parent active">
          <a href="#" class="nav-parent-title"><i class="fa fa-edit iconLeft"></i>报备管理<i class="fa fa-angle-down iconRight"></i></a>
          <ul class="nav nav-children">
              <li><a href="javascript:;"><i class="fa fa-circle iconLeft"></i>二级导航</a></li>
              <li><a href="javascript:;"><i class="fa fa-circle iconLeft"></i>二级导航</a></li>
              <li><a href="javascript:;"><i class="fa fa-circle iconLeft"></i>二级导航</a></li>
              <li><a href="javascript:;"><i class="fa fa-circle iconLeft"></i>二级导航</a></li>
              <li><a href="javascript:;"><i class="fa fa-circle iconLeft"></i>二级导航</a></li>
          </ul>
      </li>
    </ul>
  </div>
  <div class="main">
    <div class="main-content">
      <div class="screen-frame clearfix">
        <div class="col-md-6 col-lg-4">
          <div class="form-horizontal">
            <div class="form-group">
              <label for="" class="col-md-4 col-sm-2 control-label">报备状态：</label>
              <div class="col-md-8 col-sm-10">
                <select class="form-control">
                  <option>请选择</option>
                </select>
              </div>
            </div>
          </div>
        </div>
        <div class="col-md-6 col-lg-4">
          <div class="form-horizontal">
            <div class="form-group">
              <label for="" class="col-md-4 col-sm-2 control-label">查询：</label>
              <div class="col-md-8 col-sm-10">
                <input type="text" class="form-control" placeholder="客户姓名/电话/任意楼盘">
              </div>
            </div>
          </div>
        </div>
        <div class="col-md-6 col-lg-4">
          <div class="form-horizontal">
            <div class="form-group">
              <label for="" class="col-md-4 col-sm-2 control-label">报备状态：</label>
              <div class="col-md-8 col-sm-10">
                <select class="form-control">
                  <option>请选择</option>
                </select>
              </div>
            </div>
          </div>
        </div>
        <div class="col-md-6 col-lg-4">
          <div class="form-horizontal">
            <div class="form-group">
              <label for="" class="col-md-4 col-sm-2 control-label">报备时间：</label>
              <div class="col-md-8 col-sm-10">
                <div class="time-selector">
                  <div class="time-selector-list date form_datetime">
                    <input type="text" class="form-control" placeholder="请选择">
                    <span class="timeIcon add-on"><i class="fa fa-calendar"></i></span>
                  </div>
                  <div class="interval-span"><span></span></div>
                  <div class="time-selector-list date form_datetime">
                    <input type="text" class="form-control" placeholder="请选择">
                    <span class="timeIcon add-on"><i class="fa fa-calendar"></i></span>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="col-md-6 col-lg-4">
          <div class="form-horizontal">
            <div class="form-group">
              <label for="" class="col-md-4 col-sm-2 control-label">员工：</label>
              <div class="col-md-8 col-sm-10">
                <select class="form-control">
                  <option>请选择</option>
                  <option>1</option>
                  <option>2</option>
                </select>
              </div>
              <button type="submit" class="btn screen-submit">查询</button>
            </div>
          </div>
        </div>
      </div>
      <div class="table-responsive report-table">
        <table class="table table-striped table-bordered min-width-1218">
          <thead>
            <tr>
              <th width="10%">报备日期</th>
              <th width="6%">客户姓名</th>
              <th width="10%">客户联系电话</th>
              <th width="10%">楼盘名称</th>
              <th width="6%">报备状态</th>
              <th width="10%">佣金(元)</th>
              <th width="10%">结佣日期</th>
              <th width="10%">部门</th>
              <th width="6%">员工</th>
              <th width="14%">员工银行卡号</th>
              <th width="8%">操作</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>2016-12-20</td>
              <td>ABC</td>
              <td>13813831577</td>
              <td>浦东软件园</td>
              <td><span class="stateOne">已缴定</span></td>
              <td>5000</td>
              <td>2016-12-20</td>
              <td>开发部</td>
              <td>哔哩哔哩</td>
              <td>6612-9920-3314-8851</td>
              <td>
                <a href="javascrpt:;" class="btnA edit">查看详情</a>
              </td>
            </tr>
            <tr>
              <td>2016-12-20</td>
              <td>ABC</td>
              <td>13813831577</td>
              <td>浦东软件园</td>
              <td><span class="stateOne">已缴定</span></td>
              <td>5000</td>
              <td>2016-12-20</td>
              <td>开发部</td>
              <td>哔哩哔哩</td>
              <td>6612-9920-3314-8851</td>
              <td>
                <a href="javascrpt:;" class="btnA edit">查看详情</a>
              </td>
            </tr>
            <tr>
              <td>2016-12-20</td>
              <td>ABC</td>
              <td>13813831577</td>
              <td>浦东软件园</td>
              <td><span class="stateOne">已缴定</span></td>
              <td>5000</td>
              <td>2016-12-20</td>
              <td>开发部</td>
              <td>哔哩哔哩</td>
              <td>6612-9920-3314-8851</td>
              <td>
                <a href="javascrpt:;" class="btnA edit">查看详情</a>
              </td>
            </tr>
            <tr>
              <td>2016-12-20</td>
              <td>ABC</td>
              <td>13813831577</td>
              <td>浦东软件园</td>
              <td><span class="stateTwo">已结佣</span></td>
              <td>5000</td>
              <td>2016-12-20</td>
              <td>开发部</td>
              <td>哔哩哔哩</td>
              <td>6612-9920-3314-8851</td>
              <td>
                <a href="javascrpt:;" class="btnA edit">查看详情</a>
              </td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>
</body>
<script type="text/javascript" src="js/main.js"></script>
<script type="text/javascript">
    $(function(){
        
        $(".form_datetime").datetimepicker({
            format: "yyyy-mm-dd",//日yyyy-mm-dd hh:ii
            autoclose: true,
            todayBtn: true,
            minView:2,//显示到天设置2、显示到时设置1、显示到分设置0
            startView:2,//首先显示的视图
            pickerPosition: "bottom-left"
            // startDate: "2016-12-14 10:00"
        });

    })
</script>
</html>
